<!DOCTYPE html>
<html>
  <head>
    <title>html-table-training</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      table{
        border-spacing: 5px;
        width: 100%;
      }
      caption{
        font-weight: bolder;
        font-size: 30px;
        color: red;
      }
      th, td{
        border: 2px solid black;
        text-align: center;
        width: 100px;
      }
      th{
        background-color: black;
        color: white;
      }
    </style>
  </head>
  <body>
    <!--start-->
    <table>
      <caption>当代大学生恶臭生活</caption>
      <colgroup span="1"></colgroup>
      <colgroup span="7"></colgroup>
      <thead>
      <th>&nbsp;&nbsp;&nbsp;</th>
      <th>Sun</th>
      <th>Mon</th>
      <th>Tue</th>
      <th>Wed</th>
      <th>Thu</th>
      <th>Fri</th>
      <th>Sat</th>
    </thead>
    <tbody>
      <tr>
        <th>00-02</th>
        <td rowspan="4" colspan="7">睡觉时间</td>
      </tr>
      <tr>
        <th>02-04</th>
      </tr>
      <tr>
        <th>04-06</th>
      </tr>
      <tr>
        <th>06-07</th>
      </tr>
      <tr>
        <th>07-08</th>
        <td>假日晚点起床</td>
        <td colspan="5">刷牙与洗脸</td>
        <td>假日晚点起床</td>
      </tr>
      <tr>
        <th>08-10</th>
        <td rowspan="3">晒太阳</td>
        <td colspan="5" rowspan="2">
          <table>
            <tr>
              <td>认真上班</td>
              <td>认真上课</td>
              <td>认真学习</td>
            </tr>
          </table>
        </td>
        <td rowspan="8">踏青</td>
      </tr>
      <tr>
        <th>10-12</th>
      </tr>
      <tr>
        <th>12-13</th>
        <td colspan="5">午休时间</td>
      </tr>
      <tr>
        <th>13-15</th>
        <td rowspan="2">喝咖啡聊是非</td>
        <td rowspan="2">
          <table>
            <tr>
              <td>认真上课</td>
            </tr>
            <tr>
              <td>开周会</td>
            </tr>
            <tr>
              <td>复习上课内容</td>
            </tr>
          </table>
        </td>
        <td rowspan="2" colspan="3">认真上课</td>
        <td rowspan="2">
          <table>
            <tr>
              <td>认真上课</td>
            </tr>
            <tr>
              <td>打扫座位</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <th>15-17</th>
      </tr>
      <tr>
        <th>17-18</th>
        <td rowspan="2">看电视</td>
        <td rowspan="2">认真上课</td>
        <td rowspan="2">健身</td>
        <td rowspan="2">认真上课</td>
        <td rowspan="2">健身</td>
        <td rowspan="3">吃大餐</td>
      </tr>
      <tr>
        <th>18-19</th>
      </tr>
      <tr>
        <th>19-20</th>
        <td>练习程式</td>
        <td>游泳</td>
        <td>练习程式</td>
        <td>跑步</td>
        <td>练习程式</td>
      </tr>
      <tr>
        <th>20-21</th>
        <td colspan="6">练习程式</td>
        <td rowspan="2">看电视</td>
      </tr>
      <tr>
        <th>21-22</th>
        <td colspan="6">读英文</td>
      </tr>
      <tr>
        <th>22-23</th>
        <td colspan="7">打LOL</td>
      </tr>
      <tr>
        <th>23-24</th>
        <td colspan="7">睡觉时间</td>
      </tr>
    </tbody> 
  </table>
  <!--end-->
</body>
</html>
